<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.w3.org/1999/xhtml" >
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" th:href="@{/chqimage/favicon.ico}" type="image/x-icon">
    <title>调解引导</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <link rel="stylesheet" th:href="@{/chqcss/mediate-guide.css}">
    <script type="text/javascript" th:src="@{/chqjs/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/chqjs/vue.min.js}"></script>
</head>
<body>
<!--顶部标题-->

<div id="head">
    <a href="register.html" class="return_img float_left"><img src="/chqimage/icon-fanh.png" alt=""></a>
    <p class="head_title">我要调解</p>
</div>
<div id="mediateG_box">
    <div class="mediateG">
        <p class="mediateG_title">法院通知书</p>
        <p class="mediateG_name">{{mediateG_name}}：</p>
        <p class="mediateG_content">{{mediateG_content}}</p>
    </div>
    <div class="next_step" @click="agree">同意先行调解</div>
</div>

<script>
    new Vue({
        el:'#mediateG_box',
        data:{
            mediateG_title:'',
            mediateG_name:'',
            mediateG_content:''
        },
        mounted:function () {
            this.$nextTick(function (){
                //缓存取出用户名
                var user = localStorage.getItem("localUser");
                user = JSON.parse(user);
                this.mediateG_name = user.userName;

                var _that = this;
                $.ajax({
                    url:'/user/text',
                    type:'get',
                    datatype:'text',
                    success:function (result) {
                        _that.mediateG_content = result;
                    },
                    error:function (err) {
                        console.log(err);
                    }
                })
            })

        },
        methods:{
            agree:function () {
                window.location.href = '/user/other-dsr';
            }
        }
    });
</script>
</body>
</html>